$(function () {
    $('#loadTable').bootstrapTable({
        method : 'get',
        url : ctx+"adminHigh/getReviewListPage",//请求路径
        height: getHeight(),//表格高度
        striped : true, //是否显示行间隔色
        pageNumber : 1, //初始化加载第一页
        pagination : true,//是否分页
        /*striped : true,   //设置为 true 会有隔行变色效果*/
        sidePagination : 'server',//server:服务器端分页|client：前端分页
        pageSize : 5,//单页记录数
        pageList : [5,10,20,30],//可选择单页记录数
        showRefresh : true,//刷新按钮
        queryParams : function(params) {//上传服务器的参数
            var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
                limit :  params.limit, // 每页显示数量
                offset : params.offset, // SQL语句起始索引
                page : (params.offset / params.limit) + 1, //当前页码
                reviewTime: $('#reviewTimeSelect').val(),
                hotelNameRoom : $('#hotelNameRoom').val(),
                state:$('#sel1').val()
            };
            return temp;
        },
        columns : [ {
            title : '酒店信息',
            field : 'hotelNameRoom',
            cellStyle:formatTableUnit,
            formatter:paramsMatter,
        }, {
            title : '预订人电话',
            field : 'userPhone',
        }, {
            title : '相关评论',
            field : 'reviewAll',
            cellStyle:formatTableUnit,
            formatter:paramsMatter,
        },{
            title:'评论时间',
            field : 'reviewTime',
            sortable : true
        },
        {
            title : '评论状态',
            field : 'state',
            formatter:function(value ,row,index){
                var state=value;
                if (state == 0){
                    return '正常'
                }else{
                    return '<span style="color: red">用户已删除</span>'
                }
            }
        },
        {
            title : '操作',
            field : 'id',
            formatter: function(value, row, index) {
                /*  var htm = '<button  class=\"btn btn-primary btn-lg\" data-toggle=\"modal\" data-target=\"#myModal\">拉黑</button>'
                  return htm;*/
                var strArray = new Array();
                strArray.push('<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#ReviewModal" onclick="set(\''+value+'\')">删除</button> ');
                return strArray.join("");
            }
        } ]
    })
    //调整table的高度
    function getHeight() {
        /*     console.info("浏览器宽度"+$(window).height());*/
        return 390;
    }

    //查询按钮事件
    $('#search_btn').click(function() {
        $('#loadTable').bootstrapTable('refresh', {
            url :ctx+"adminHigh/getReviewListPage"
        });
    });

    //设置时间   放在顶部会影响第一次查看数据
    var mydate = new Date();
    var str = '"' + mydate.getFullYear() + "-";
    str += (mydate.getMonth()+1) + "-";
    str += mydate.getDate() + '"';
    console.info("当前时间："+str )

    $('#datetimepicker1').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn'),
        defaultDate: str
    });
    var picker1 = $('#datetimepicker1').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn')
    });




    // 删除订单
    $('#saveActive').click(function () {
        $.ajax({
            url: ctx+"adminHigh/deleteReview?reviewId="+$('#hiddenReview').val(),
            type: "post",
            dataType:"json",
            success: function(data) {
                $('#ReviewModal').modal('hide');
                $('#loadTable').bootstrapTable('refresh');
                toastr.success(data.msg)
            },
            error: function(data) {
                toastr.error("操作失败");
            }
        });
    })
})

//modal 赋值id
function set(id) {
    console.info(id)
    $('#hiddenReview').val(id);
};

//表格超出宽度鼠标悬停显示td内容
function paramsMatter(value,row,index) {
    var span=document.createElement('span');
    span.setAttribute('title',value);
    span.innerHTML = value;
    return span.outerHTML;
}


//td宽度以及内容超过宽度隐藏
function formatTableUnit(value, row, index) {
    return {
        css: {
            "white-space": 'nowrap',
            "text-overflow": 'ellipsis',
            "overflow": 'hidden',
            "max-width":"150px"
        }
    }
}
